@CHARSET "UTF-8";
/* 通用样式 */
html {
	font-size: 10px;
}
body {
	font-weight: normal;
	font-size: 1.2rem;
	font-family: 'Arial','Microsoft YaHei';
	color: #333333;
}
html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}
a {
	text-decoration: none;
	outline: none;
}
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height:30px;
}
th, td {
	padding: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}

/* Color */
.color-primary {
  color: #1490d1;
}
.color-secondary {
  color: #0eb6b0;
}
.color-success {
  color: #009545;
}
.color-warning {
  color: #fe9748;
}
.color-danger {
  color: #ff3333;
}
.background-color-primary {
  background-color: #1490d1;
}
.background-color-secondary {
  background-color: #0eb6b0;
}
.background-color-success {
  background-color: #009545;
}
.background-color-warning {
  background-color: #fe9748;
}
.background-color-danger {
  background-color: #ff3333;
}

/* Text */
.text-default {
	font-size: 1.2rem;
}
.text-xs {
	font-size: 1rem;
}
.text-sm {
	font-size: 1.4rem;
}
.text-lg {
	font-size: 1.6rem;
}
.text-xl {
	font-size: 1.8rem;
}
.text-xxl {
	font-size: 2rem;
}
.text-xxxl {
	font-size: 2.4rem;
}
.text-xxxxl {
	font-size: 2.6rem;
}
.text-xxxxxl {
	font-size: 2.8rem;
}
.text-xxxxxxl {
	font-size: 3rem;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-weight {
	font-weight: bold;
}
.text-normal {
	font-weight: normal;
}

/* padding */
.padding-default {
	padding: 1.2rem;
}
.padding-0 {
	padding: 0 !important;
}
.padding-xxs {
	padding: 0.5rem;
}
.padding-xs {
	padding: 1rem;
}
.padding-sm {
	padding: 1.4rem;
}
.padding-lg {
	padding: 1.6rem;
}
.padding-xl {
	padding: 1.8rem;
}
.padding-xxl {
	padding: 2rem;
}
.padding-left-default {
	padding-left: 1.2rem;
}
.padding-left-0 {
	padding-left: 0 !important;
}
.padding-left-xxs {
	padding-left: 0.5rem;
}
.padding-left-xs {
	padding-left: 1rem;
}
.padding-left-sm {
	padding-left: 1.4rem;
}
.padding-left-lg {
	padding-left: 1.6rem;
}
.padding-left-xl {
	padding-left: 1.8rem;
}
.padding-left-xxl {
	padding-left: 2rem;
}
.padding-top-default {
	padding-top: 1.2rem;
}
.padding-top-0 {
	padding-top: 0 !important;
}
.padding-top-xxs {
	padding-top: 0.5rem;
}
.padding-top-xs {
	padding-top: 1rem;
}
.padding-top-sm {
	padding-top: 1.4rem;
}
.padding-top-lg {
	padding-top: 1.6rem;
}
.padding-top-xl {
	padding-top: 1.8rem;
}
.padding-top-xxl {
	padding-top: 2rem;
}
.padding-right-default {
	padding-right: 1.2rem;
}
.padding-right-0 {
	padding-right: 0 !important;
}
.padding-right-xxs {
	padding-right: 0.5rem;
}
.padding-right-xs {
	padding-right: 1rem;
}
.padding-right-sm {
	padding-right: 1.4rem;
}
.padding-right-lg {
	padding-right: 1.6rem;
}
.padding-right-xl {
	padding-right: 1.8rem;
}
.padding-right-xxl {
	padding-right: 2rem;
}
.padding-bottom-default {
	padding-bottom: 1.2rem;
}
.padding-bottom-0 {
	padding-bottom: 0 !important;
}
.padding-bottom-xxs {
	padding-bottom: 0.5rem;
}
.padding-bottom-xs {
	padding-bottom: 1rem;
}
.padding-bottom-sm {
	padding-bottom: 1.4rem;
}
.padding-bottom-lg {
	padding-bottom: 1.6rem;
}
.padding-bottom-xl {
	padding-bottom: 1.8rem;
}
.padding-bottom-xxl {
	padding-bottom: 2rem;
}
.padding-horizontal-default {
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}
.padding-horizontal-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.padding-horizontal-xxs {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.padding-horizontal-xs {
	padding-left: 1rem;
	padding-right: 1rem;
}
.padding-horizontal-sm {
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}
.padding-horizontal-lg {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
.padding-horizontal-xl {
	padding-left: 1.8rem;
	padding-right: 1.8rem;
}
.padding-horizontal-xxl {
	padding-left: 2rem;
	padding-right: 2rem;
}
.padding-vertical-default {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}
.padding-vertical-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.padding-vertical-xxs {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.padding-vertical-xs {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.padding-vertical-sm {
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}
.padding-vertical-lg {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}
.padding-vertical-xl {
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
}
.padding-vertical-xxl {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* margin */
.margin-default {
	margin: 1.2rem;
}
.margin-0 {
	margin: 0 !important;
}
.margin-xxs {
	margin: 0.5rem;
}
.margin-xs {
	margin: 1rem;
}
.margin-sm {
	margin: 1.4rem;
}
.margin-lg {
	margin: 1.6rem;
}
.margin-xl {
	margin: 1.8rem;
}
.margin-xxl {
	margin: 2rem;
}
.margin-left-default {
	margin-left: 1.2rem;
}
.margin-left-0 {
	margin-left: 0 !important;
}
.margin-left-xxs {
	margin-left: 0.5rem;
}
.margin-left-xs {
	margin-left: 1rem;
}
.margin-left-sm {
	margin-left: 1.4rem;
}
.margin-left-lg {
	margin-left: 1.6rem;
}
.margin-left-xl {
	margin-left: 1.8rem;
}
.margin-left-xxl {
	margin-left: 2rem;
}
.margin-top-default {
	margin-top: 1.2rem;
}
.margin-top-0 {
	margin-top: 0 !important;
}
.margin-top-xxs {
	margin-top: 0.5rem;
}
.margin-top-xs {
	margin-top: 1rem;
}
.margin-top-sm {
	margin-top: 1.4rem;
}
.margin-top-lg {
	margin-top: 1.6rem;
}
.margin-top-xl {
	margin-top: 1.8rem;
}
.margin-top-xxl {
	margin-top: 2rem;
}
.margin-right-default {
	margin-right: 1.2rem;
}
.margin-right-0 {
	margin-right: 0 !important;
}
.margin-right-xxs {
	margin-right: 0.5rem;
}
.margin-right-xs {
	margin-right: 1rem;
}
.margin-right-sm {
	margin-right: 1.4rem;
}
.margin-right-lg {
	margin-right: 1.6rem;
}
.margin-right-xl {
	margin-right: 1.8rem;
}
.margin-right-xxl {
	margin-right: 2rem;
}
.margin-bottom-default {
	margin-bottom: 1.2rem;
}
.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-xxs {
	margin-bottom: 0.5rem;
}
.margin-bottom-xs {
	margin-bottom: 1rem;
}
.margin-bottom-sm {
	margin-bottom: 1.4rem;
}
.margin-bottom-lg {
	margin-bottom: 1.6rem;
}
.margin-bottom-xl {
	margin-bottom: 1.8rem;
}
.margin-bottom-xxl {
	margin-bottom: 2rem;
}
.margin-horizontal-default {
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.margin-horizontal-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.margin-horizontal-xxs {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.margin-horizontal-xs {
	margin-left: 1rem;
	margin-right: 1rem;
}
.margin-horizontal-sm {
	margin-left: 1.4rem;
	margin-right: 1.4rem;
}
.margin-horizontal-lg {
	margin-left: 1.6rem;
	margin-right: 1.6rem;
}
.margin-horizontal-xl {
	margin-left: 1.8rem;
	margin-right: 1.8rem;
}
.margin-horizontal-xxl {
	margin-left: 2rem;
	margin-right: 2rem;
}
.margin-vertical-default {
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
}
.margin-vertical-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.margin-vertical-xxs {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.margin-vertical-xs {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.margin-vertical-sm {
	margin-top: 1.4rem;
	margin-bottom: 1.4rem;
}
.margin-vertical-lg {
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
.margin-vertical-xl {
	margin-top: 1.8rem;
	margin-bottom: 1.8rem;
}
.margin-vertical-xxl {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.cursor-pointer {
	cursor: pointer;
}

.text-underline {
	text-decoration: underline;
}
